<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>宁波网站建设_APP开发_XX网络-坚持只做最好的设计！</title>
    <meta name="keywords" content="宁波网站建设,宁波网站推广,宁波APP开发,宁波服务器出租,宁波手机移动应用开发,域名注册" />
    <meta name="description" content="XX网络拥有10年宁波网站建设经验,WEB深度定制开发,企业APP定制方案,网站建设优化等一条龙解决方案，服务器云主机数据托管，提供7*24小时数据安全监控,专业专注于互联网多平台营销推广,微信定制开发。" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="author" content="order by xxx.com" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!--360默认急速模式打开-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="full-screen" content="yes">
    <link rel="stylesheet" href="template/themes/skin/css/cui.css" />
    <link rel="stylesheet" href="template/themes/skin/css/style.css" />
    <link rel="stylesheet" href="template/themes/skin/css/less.css" />
</head>
<body>
    <div id="hd">
        <div class="wp">
            <div class="logo">
                <a href="index.html"><img style="height: 90px;" src="template/themes/skin/images/logo.png" alt=""></a>
            </div>
            <div id="nav">
                <ul>
                    <li><a href="index.html" title="网站首页">首页</a></li>
                    <li><a href="server.html" title="服务项目">服务项目</a></li>
                    <li><a href="case.html" title="客户案例">客户案例</a></li>
                    <li><a href="./" title="云服务器">云服务器</a></li>
                    <li><a href="news.html" title="新闻动态">新闻动态</a></li>
                    <li><a href="aboutus.html" title="关于我们">关于我们</a></li>
                </ul>
            </div>
            <div class="tel">400-xxx-xxxx</div>
        </div>
    </div>
    <!-- end #hd -->
    <div class="c"></div>
    <div id="m-hd">
        <a href="index.html" class="m-logo"><img style="height: 90px;" src="template/themes/skin/images/logo.png" alt=""></a>
        <div class="m-trigger"></div>
        <ul class="m-nav">
            <li><a href="index.html" class="v1">首页 </a></li>
            <li><a href="server.html" class="v1">服务项目</a></li>
            <li><a href="case.html" class="v1">客户案例</a></li>
            <li><a href="./" class="v1">云服务器</a></li>
            <li><a href="news.html" class="v1">新闻动态</a></li>
            <li><a href="aboutus.html" class="v1">关于我们</a></li>
        </ul>
    </div>
    <div class="c"></div>
    <div id="bd">
        <div id="banner">
            <div class="banner-bg"></div>
            <div class="flexslider">
                <ul class="slides">
                    <li class="s1"> <img src="template/themes/skin/images/banner1.jpg" alt="某某网站建设，北京网站建设">
                        <div class="ban-txt">
                            <h5 data-animate="fadeInDown" class="animated">innovating for you</h5>
                            <h2 data-animate="fadeInRight" class="animated">用整合的思想做互动</h2>
                            <h3 data-animate="fadeInUp" class="animated">不只是建站和移动应用的技术开发，更提供有价值的思路和整体服务</h3>
                        </div>
                    </li>
                    <li class="s2"> <img src="template/themes/skin/images/banner2.jpg" alt="某某，8年专注高端网站定制服务">
                        <div class="ban-txt">
                            <h2 data-animate="fadeInRight" class="animated">资深移动平台搭建经验</h2>
                            <h3 data-animate="fadeInDown" class="animated">WEBSITE DESIGN</h3>
                            <h4 data-animate="fadeInUp" class="animated">我们专注于品质化高端构建，企业品牌在互联网中的整体树立，网络互动的体验，以及在手机等移动端的优质呈现。</h4>
                            <h6 data-animate="fadeInUp" class="animated">www.xxx.com</h6>
                        </div>
                    </li>
                    <li class="s3"> <img src="template/themes/skin/images/banner3.jpg" alt="网站建设，北京网站建设">
                        <div class="ban-txt">
                            <h2 data-animate="fadeInDown" class="animated">高端定制 品牌设计</h2>
                            <h3 data-animate="fadeInRight" class="animated">Corporate website</h3>
                            <h4 data-animate="fadeInUp" class="animated">致力于为客户提供最具有竞争力的网络平台，将每个案例都做成经典</h4>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- end #banner -->
        <div class="row1 fix">
            <div class="wp">
                <div class="tit-i">
                    <h3>我们的服务</h3>
                    <h5>WEBTHINK <span>SERVICE</span></h5>
                </div>
                <ul class="ul-icon-i">
                    <li class="li1">
                        <div class="pad">
                            <a href="index.html"> <span></span>
                                <h3>高端网站建设</h3>
                                <em></em>
                                <p>根据用户的需求、市场状况、企业情况提供专业化的网站策划、交互设计、技术和营销解决方案。</p>
                                <div class="pic"> <img src="template/themes/skin/images/m1.png" alt=""> <img src="template/themes/skin/images/m2.png" alt="" class="pic-icon"> </div>
                            </a>
                        </div>
                    </li>
                    <li class="li2">
                        <div class="pad">
                            <a href="index.html"> <span></span>
                                <h3>手机网站建设</h3>
                                <em></em>
                                <p>在移动互联时代，我们得出“简单使用，精彩体验”的移动应用开发理念，创造属于无线时代的精彩互联。</p>
                                <div class="pic"> <img src="template/themes/skin/images/m3.png" alt=""> <img src="template/themes/skin/images/m4.png" alt="" class="pic-icon"> </div>
                            </a>
                        </div>
                    </li>
                    <li class="li3">
                        <div class="pad">
                            <a href="index.html"> <span></span>
                                <h3>微信应用开发</h3>
                                <em></em>
                                <p>为客户提供全方位的移动端营销服务，微信公众平台开发，微站设计。</p>
                                <div class="pic"> <img src="template/themes/skin/images/m5.png" alt=""> <img src="template/themes/skin/images/m6.png" alt="" class="pic-icon"> </div>
                            </a>
                        </div>
                    </li>
                    <li class="li4">
                        <div class="pad">
                            <a href="index.html"> <span></span>
                                <h3>手机APP开发</h3>
                                <em></em>
                                <p>按客户意图来定制开发app系统，IOS 安卓任您挑选，持续为企业无线创造新价值。</p>
                                <div class="pic"> <img src="template/themes/skin/images/m7.png" alt=""> <img src="template/themes/skin/images/m8.png" alt="" class="pic-icon"> </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row2 fix">
            <div class="wp">
                <div class="tit-i">
                    <h3>我们的案例</h3>
                    <h5><span>case</span> of us</h5>
                </div>
                <div class="case-i">
                    <div class="case-i-r" style="width: 100%;">
                        <ul class="ul-case-i">
                            <li>
                                <a href="./">
                                    <div class="pic"><img src="file/d/anlizhongxin/ebyingyong/20160509/201605091320273380.jpg" alt="中国物理激光研究宁波中心"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>中国物理激光研究宁波中心</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="dz.html">
                                    <div class="pic"><img src="file/d/anlizhongxin/weixinyingyong/20160509/201605091102103126.jpg" alt="德州微信版H5系统"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>德州微信版H5系统</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="case1.html">
                                    <div class="pic"><img src="file/d/anlizhongxin/ebyingyong/20160508/201605080100134800.jpg" alt="米贷网"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>米贷网</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="case2.html">
                                    <div class="pic"><img src="file/d/anlizhongxin/yidongyingyong/20160508/201605080058138794.jpg" alt="民信贷"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>民信贷</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="index.php?m=content&amp;a=index&amp;classid=19&amp;id=15">
                                    <div class="pic"><img src="file/d/anlizhongxin/yidongyingyong/20160508/201605080044507037.jpg" alt="更美医生"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>更美医生</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="index.php?m=content&amp;a=index&amp;classid=19&amp;id=14">
                                    <div class="pic"><img src="file/d/anlizhongxin/yidongyingyong/20160508/201605080032445043.jpg" alt="养车宝"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>养车宝</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.realsexxydoll.com">
                                    <div class="pic"><img src="file/d/anlizhongxin/ebyingyong/20160507/201605072345435904.jpg" alt="欧娅"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>欧娅</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.china-shenshan.com">
                                    <div class="pic"><img src="file/d/anlizhongxin/ebyingyong/20160507/201605072335437410.jpg" alt="申山集团"></div>
                                    <div class="hover"> <b></b>
                                        <div class="txt"> <img src="template/themes/skin/images/logo_small.png" alt="">
                                            <h3>申山集团</h3>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="c"></div>
                    <div class="more-i">
                        <a href="case.html"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row3 news-bg">
            <div class="wp">
                <div class="tit-i tit-i-1">
                    <h3>最新动态</h3>
                    <h5>our <span>news</span></h5>
                </div>
                <ul class="ul-news-i">
                    <li>
                        <div class="pad">
                            <div class="txt"> <span><em>05/08</em>2016</span>
                                <h3><a href="case3.html">互联网＋ 究竟是什么鬼东西？</a></h3>
                                <p>互联网＋ 究竟是什么鬼东西？...</p>
                                <a href="case3.html" class="more"></a>
                            </div>
                            <div class="hover">
                                <div class="img" style="background: url(file/d/news/gongsixinwen/20160508/201605080002448535.jpg) 0 0 /100% 100% no-repeat;background: url(file/d/news/gongsixinwen/20160508/201605080002448535.jpg) 0 0 no-repeat9;"></div>
                                <div class="pad">
                                    <h3><a href="case3.html">互联网＋ 究竟是什么鬼东西？</a></h3>
                                    <p>互联网＋ 究竟是什么鬼东西？...</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pad">
                            <div class="txt"> <span><em>05/07</em>2016</span>
                                <h3><a href="case4.html">细数百度推广关键词七宗罪，烧钱的</a></h3>
                                <p>细数百度推广关键词七宗罪，烧钱的...</p>
                                <a href="case4.html" class="more"></a>
                            </div>
                            <div class="hover">
                                <div class="img" style="background: url(file/d/news/xingyexinwen/20160507/201605071648333692.jpg) 0 0 /100% 100% no-repeat;background: url(file/d/news/xingyexinwen/20160507/201605071648333692.jpg) 0 0 no-repeat9;"></div>
                                <div class="pad">
                                    <h3><a href="case4.html">细数百度推广关键词七宗罪，烧钱的</a></h3>
                                    <p>细数百度推广关键词七宗罪，烧钱的...</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pad">
                            <div class="txt"> <span><em>05/07</em>2016</span>
                                <h3><a href="case5.html">滴滴拿到运营执照</a></h3>
                                <p>滴滴拿到运营执照...</p>
                                <a href="case5.html" class="more"></a>
                            </div>
                            <div class="hover">
                                <div class="img" style="background: url(file/d/news/xingyexinwen/20160507/201605071530576139.jpg) 0 0 /100% 100% no-repeat;background: url(file/d/news/xingyexinwen/20160507/201605071530576139.jpg) 0 0 no-repeat9;"></div>
                                <div class="pad">
                                    <h3><a href="case5.html">滴滴拿到运营执照</a></h3>
                                    <p>滴滴拿到运营执照...</p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="c"></div>
                <div class="news-more"><a href="news.html">load more</a></div>
            </div>
        </div>
        <div class="row4 fix">
            <div class="wp">
                <div class="tit-i">
                    <h3>联系我们</h3>
                    <h5><span>contact</span> xxx</h5>
                </div>
                <div class="contact-l">
                    <ul class="ul-contact">
                        <li class="li1">浙江宁波鄞州区天童北路1501号麒麟大厦北楼1508室</li>
                        <li class="li2"><a href="tel:400-xxx-xxxx">400-xxx-xxxx</a>(热线) <a href="tel:0574-83012654">0574-83012654</a></li>
                        <li class="li3"><a href="mailto:info@xxx.com">info@xxx.com</a></li>
                    </ul>
                </div>
                <div class="contact-r">
                    <form action='http://www.xxx.com/index.php?m=Book&amp;a=setBook' class="contact-form" enctype="multipart/form-data" method='post'>
                        <div class="">
                            <input type="text" class="inp l" name="name" id="name" placeholder="您的姓名">
                            <input type="text" class="inp r" name="tel" id="tel" placeholder="您的联系方式">
                            <input type='hidden' name='mail' value="首页" />
                        </div>
                        <textarea cols="30" rows="10" name="content" id="nr"></textarea>
                        <input type="submit" value="提交您的需求" class="sub" name='setbook' id="sub">
                    </form>
                </div>
            </div>
        </div>
        <div class="map">
            <div class="map-s"> <a href="javascript:void(0);" class="btn"><em></em>点击展开地图</a> </div>
            <div class="map-pop">
                <a href="javascript:void(0);" class="btn-down"></a>
                <div class="map-bg1"></div>
                <div class="map-bg2"></div>
                <div id="map" class="map-i" style="width:100%; height: 100%;"> </div>
            </div>
        </div>
    </div>
    <!-- end #bd -->
    <div class="c"></div>
    <!-- begin #fd -->
    <div id="fd" class="index-fd pr">
        <div class="map-bg3"></div>
        <div class="wp">
            <div class="fd-top">
                <dl>
                    <dt>关于我们</dt>
                    <dd>
                        <ul class="ul-fd">
                            <li><a href="aboutus.html#whous">我们是谁</a></li>
                            <li><a href="aboutus.html#ourcus">我们服务的客户</a></li>
                            <li><a href="aboutus.html#ourteam">我们的团队</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>我们的服务</dt>
                    <dd>
                        <ul class="ul-fd">
                            <li><a href="server.html#webbuit">网站建设</a></li>
                            <li><a href="server.html#weiweb">H5响应式 交互网站</a></li>
                            <li><a href="server.html#webmobel">移动端 & 微网站定制</a></li>
                            <li><a href="server.html#servweb">服务流程</a></li>
                            <li><a href="server.html#solution">行业解决方案</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>我们的案例</dt>
                    <dd>
                        <ul class="ul-fd">
                            <li><a href='./'>中国物理激光研究宁波中心</a></li>
                            <li><a href='dz.html'>德州微信版H5系统</a></li>
                            <li><a href='case1.html'>米贷网</a></li>
                            <li><a href='case2.html'>民信贷</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>新闻动态</dt>
                    <dd>
                        <ul class="ul-fd">
                            <li><a href='case3.html'>互联网＋ 究</a></li>
                            <li><a href='case4.html'>细数百度推</a></li>
                            <li><a href='case5.html'>滴滴拿到运</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>联系我们</dt>
                    <dd class="pr">
                        <p>
                            <a href="index.html" class="weixin"></a>
                            <a href="index.html" class="sina"></a><span class="weixin-pic"><img src="template/themes/skin/images/ewm.jpg" alt=""></span></p>
                        <p><b class="tel">400-xxx-xxxx</b></p>
                        <h5>公司服务热线</h5>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="fd-copy">
            <div class="wp">
                <p> <span style="color:#CCCCCC;">Copyright © 2014 - 2016 xxx.com All rights reserved.  &nbsp;&nbsp;&nbsp;&nbsp;  电信备案：</span> <a href="http://www.miibeian.gov.cn/" target="_blank"><span style="color:#CCCCCC;">浙ICP备14013539号</span></a> &nbsp;&nbsp;&nbsp;&nbsp;宁波XX网络科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
        </div>
        <div class="side">
            <ul>
                <li>
                    <a href="http://wpa.qq.com/msgrd?v=3&uin=1234123412&site=qq&menu=yes" target="_blank">
                        <div class="sidebox"><img src="template/themes/skin/images/side_icon02.png">在线咨询</div>
                    </a>
                </li>
                <li>
                    <a href="http://wpa.qq.com/msgrd?v=3&uin=1234123412&site=qq&menu=yes">
                        <div class="sidebox"><img src="template/themes/skin/images/side_icon01.png">技术支持</div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <div class="sidebox"><img src="template/themes/skin/images/side_icon03.png">400-xxx-xxxx</div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="side2">
            <ul>
                <li>
                    <a href="index.html"><img src="template/themes/skin/images/r_icon1.png" alt=""></a>
                    <div class="weixin"><em></em><img src="template/themes/skin/images/ewm.jpg" alt=""></div>
                </li>
                <li>
                    <a href="javascript:goTop();" class="sidetop"><img src="template/themes/skin/images/r_icon2.png"></a>
                </li>
            </ul>
        </div>
        <script type="text/javascript" src="template/themes/skin/js/jquery.js"></script>
        <script type="text/javascript" src="template/themes/skin/js/lib.js"></script>
        <link rel="stylesheet" href="template/themes/skin/css/animate.css" />
        <link rel="stylesheet" href="template/themes/skin/css/flexslider.css" />
        <script type="text/javascript" src="template/themes/skin/js/flexslider.js"></script>
        <script type="text/javascript" src="template/themes/skin/js/banner.js"></script>
        <script>
        $('.ul-news-i li').hover(function() {
            $(this).toggleClass('on');
        })
        $('.ul-icon-i li').hover(function() {
            $(this).find('img:first').fadeIn(100);
            $(this).find('.pic-icon').animate({
                top: 0
            });
        }, function() {
            $(this).find('.pic-icon').animate({
                top: -134
            });
            $(this).find('img:first').fadeOut(100);
        })
        $('.case-img').hover(function() {
            $(this).toggleClass('on');
        })
        $('.map .btn').click(function() {
            $('.map-pop').show();
            $(this).parents('.map').addClass('map-big-i');
            var winW = $(window).width();
            var winH = $(window).height();
            console.log(winH);
            if (winW < 768) {
                $('.map-pop').height($(window).height() - 50 - 80);
                $('.map-big-i').height($(window).height() - 50 - 80);
                $("html, body").animate({
                    scrollTop: $(document).height()
                }, 1000);
            } else {
                $('.map-pop').height($(window).height() - 344);
                $('.map-big-i').height($(window).height() - 344);
                $("html, body").animate({
                    scrollTop: $(document).height()
                }, 1000);
            }
            initMap();
        })
        $('.map .btn-down').click(function() {
            $('.map-pop').hide();
            $(this).parents('.map').removeClass('map-big-i');
            $('.map').height('107');
        })
        </script>
        <script type="text/javascript" src="template/themes/skin/js/ditu.js"></script>
        <script type="text/javascript" src="template/themes/skin/js/map.js"></script>
</body>
</html>
